<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>头部</title>
    <link rel="stylesheet" href="/css/global.css">
    <link rel="stylesheet" href="/css/modules/header.css">
    <link rel="stylesheet" href="/libs/font_2130517_al4ov1s4jw4/iconfont.css">
</head>
<body>
<header>
    <!--    Logo-->
    <div class="ban">
        <div class="header-top">
            <div class="logo"><img src="http://static.dota2.com.cn/shop/images/secretshop/logo-dota2.png" alt="">
                <img src="http://static.dota2.com.cn/shop/images/secretshop/logo-shop.png" alt="">
            </div>
            <div class="my">
                <p id="username"></p>
                <button id="login-btn">登录</button>
                <button id="logout-btn">退出登录</button>
                <button id="register-btn">快速注册</button>
                <a href="#"><span class="iconfont icon-wode"></span><em>我的订单</em></a>
                <a href="#"><span class="iconfont icon-aixin"></span><em>我的关注</em></a>
                <a href="/html/car.html"><span class="iconfont icon-gouwucheman"
                                               id="car-btn"></span><em id="mycar-count">我的购物车(4)</em></a>
            </div>
        </div>
    </div>

    <!--    //Tab标签栏-->
    <div class="header-bottom">
        <div class="tabs" id="tabs">
            <script type="text/html" id="tabsTemplate">
                <a href="/index.html" class="on">首页</a>
                {{each list tab}}
                <a href="/html/list.html?id={{tab.id}}">{{tab.name}}</a>
                {{/each}}
            </script>
        </div>
        <div class="search">
            <input>
            <button><span class="iconfont icon-search"></span></button>
        </div>
    </div>
    <!--    右侧边栏-->
    <div class="float-nav">
        <a href=""><span class="iconfont icon-wode"></span></a>
        <a href=""><span class="iconfont icon-aixin"></span></a>
        <a href="/html/car.html" class="float-nav-car"><span class="iconfont icon-gouwucheman"></span>
            <p>购</p>
            <p>物</p>
            <p>车</p>
            <div id="car-count">3</div>
        </a>
        <a href=""><span class="iconfont icon-ziyuan"></span></a>
    </div>

    <!--    登录-->
    <div class="login" id="login">
        <button class="close" id="login-close">X</button>
        <div class="login-input">
            <div class="login-input-erweima">
                <h3>扫码登录 安全快速</h3>
                <div class="erweima"><img src="/images/3.png" alt=""></div>
                <p>使用完美手机令牌扫描二维码</p>
                <em>还没安装？点我</em>
            </div>
            <div class="login-input-line"></div>
            <div class="login-input-form">
                <h3>账号登录</h3>
                <input placeholder="账号" id="phone">
                <p id="phoneWrong">账号输入有误</p>
                <input placeholder="密码" id="password">
                <p id="passWrong">密码输入有误</p>
                <div class="login-input-btns">
                    <button id="logBtn">登录</button>
                    <button>神盾登录</button>
                </div>
            </div>
        </div>
    </div>
</header>
</body>
</html>